<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <!-- link链接   单标签   rel=relation关联   stylesheet样式表 -->
    <!-- 外部样式表  --- 提取公共的样式文件 -->


    <!-- 
        必须把公共的文件提取出来   reset.css
        属于某个页面的css既可以单独写css文件，也可以写在当前文件中(内部样式)


        当需要同时引入多个css文件的时候，先后顺序会产生权重的问题
            先引入别人的，再引入自己的    先引入公共部分，后引入单页面的



        权重
            内部样式表和外部样式表的权重看先后顺序‘
            行内样式的权重是最高的，只能靠!important来覆盖
     -->




    <link rel="stylesheet" href="../css/reset.css">
    <link rel="stylesheet" href="../css/1.css">

    <!-- <style>
        外部导入  
        @import url(../css/reset.css);    // 加载的时候，会等到页面资源加载完毕才会加载css文件 --- 闪烁
    </style> -->

    <!-- 内部样式表 -->
    <style>
        #a {
            color: red;
        }











        /* 2022-11-14 修改  by   CC */
        .cc-b {
            color: pink !important;
        }


    </style>
</head>

<body>
    哈哈


    <!-- 行内样式  1000 -->
    <div id="a" class="cc-b" style="color: yellow;">呵呵</div>

</body>

</html>